
.menu, .menu li ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.menu{
	background-color: #242424;
	margin: 20px;
	float:left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	background: #7d7e7d;
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
	background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
	-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.75);	
}
.menu > li{
	float:left;
	text-align: center;
	padding: 12px 30px;
	margin-left: 1px;
	cursor: pointer;
	border-radius:inherit;	
}
.menu > li ul{
	visibility: hidden;
	opacity:0;
	position:absolute;
	text-align: left;
	z-index:100;
	background-color:#393939;
	width:200px;	
	margin-top:25px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.menu > li > ul{
	margin-left:-13px;
	font-size:80%;
}

.menu > li > ul > li.dir{
	background:url('/www/images/menu_h.png') 96% center no-repeat;
}

.menu > li:hover > ul{ visibility:visible; opacity:1; margin-top:10px;}
.menu > li:hover > a{ color:white; }
.menu > li:hover, .menu > li > ul li:hover{
	background: #6db3f2;
	background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 40%, #1e69de 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(40%,#54a3ee), color-stop(100%,#1e69de));
	background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 40%,#1e69de 100%);
	background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 40%,#1e69de 100%);
	background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 40%,#1e69de 100%);
	background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 40%,#1e69de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
}
.menu > li li{
	padding:8px 0 8px 10px;
	border-radius:inherit;
}

.menu > li > ul > li:hover > ul{  visibility:visible; opacity:1; margin-left:190px;}

.menu > li > ul > li > ul{
	margin-left:210px;
	margin-top:-17px;
	width:220px;
}
.menu > li a{
	text-decoration: none;
	color: #D1D1D1;
	display:block;
}
